<template>
  <div class="title-wrapper">
    <img class="img" :src="props.imgSrc"/>
    <span class="font-title">{{ props.title }}</span>
  </div>
</template>

<script setup lang="ts">
const props = defineProps({
  title:{
    type: String,
    default: ()=>{
      return ''
    }
  },
  imgSrc:{
    type: String,
    default: ()=>{
      return ''
    }
  }
})
</script>

<style scoped lang="scss">
    .title-wrapper {
        display: flex;
        align-items: center;
        padding-left: 18px;
        height: 40px;
        .img {
            width: 24px;
            height: 24px;
        }
        .font-title {
            font-size: 20px;
            font-family: PangMenZhengDao;
            font-weight: 400;
            color: #F3F9FE;
            padding-left: 10px;
        }
    }
</style>
